@import './base.css';

/* #app {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;

  font-weight: normal;
} */

/* self. */
html,
body,
#app {
  /* display: block; */
  /* max-width: 1280px; */
  height: 100vh;
  margin: auto;
  padding: 0;
  background-color: rgba(48, 48, 48, 0.999);
  /* background-color: rgb(50, 43, 36); */
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

/* @media (min-width: 1024px) {
  body {
    display: flex;
    place-items: center;
  }

  #app {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    padding: 0 2rem;
  }
} */

td.namecolor {
  color: rgb(245, 194, 75) !important;
}

td.datacolor {
  color: rgb(252, 9, 9) !important;
}

/* 大屏字体大小 */
@media (min-width: 1024px) {
  .logo1 {
    margin-top: 10px;
  }
  .logo1 {
    width: 250px !important;
  }
  .logo2 {
    margin-top: 8px;
    width:100px !important;
  }
  
  /* 标题 */
  th>div.cell {
    font-size: 2rem !important;
  }
  /* 数据 */
  td>div.cell{
    font-size: 1.5rem !important;
  }
  /* 页脚 */
}

@media (max-width: 1024px) {
  .logo1 {
    margin-top: 10px;
    width: 160px !important;
  }
  .logo2 {
    margin-top: 14px;
    width: 55px !important;
  }
  .el-header {
    height: 90px !important;
  }

  th {
    height: 40px !important;
  }

  .el-table .el-table__cell{
    padding: 8ox 0 !important;
  }
 /* 高低列： */
  .maxmin {
    /* font-size: 0.9rem !important; */
    line-height: 18px !important;
  }
}

@media (max-width: 250px) {
  img {
    margin-top: 10px;
  }
  .logo1 {
    width: 70% !important;
  }
  .logo2 {
    width: 30% !important;
  }
  .el-header {
    height: 90px !important;
  }
}


/* table data */
.tablebackcolorgray {
  /* background-color: rgb(37, 37, 37)!important; */
  background-color: rgba(48, 48, 48, 0.999) !important ;
}

.tablebackcolorblack {
  /* background-color: rgb(0, 0, 0) !important; */
  background-color: rgba(48, 48, 48, 0.999) !important ;
}


/* el-header */
.el-header, .el-main, .el-footer {
  padding: 0;
}

/* hover 颜色 */
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: transparent !important;
}
.el-table--enable-row-hover .el-table__body tr {
  /* 初始样式 */
  transition: background-color 5s ease !important; /* 设置过渡的属性和持续时间 */

  /* 其他样式 */
}
.el-table--enable-row-hover .el-table__body tr:active > td {
  background-color: rgb(119, 116, 99)!important;
}



@media (min-width: 1024px) {
  .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: rgb(119, 116, 99) !important;
  }
}

/* 分界线 */
.el-table--border .el-table__inner-wrapper::after, .el-table--border::after, .el-table--border::before, .el-table__inner-wrapper::before{
  background-color: #444 !important;
}

/* table表头固定 */
:deep(.el-table)  {
  overflow: visible;
}
 
:deep(.el-table__header-wrapper)  {
  position: sticky;
  top: 10px;
  z-index:9999;
}